<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>话费充值</title>
    <link rel="stylesheet" href="../../css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <style>
    	body{
    	
    	
    	}
    	.amount{background: #ffaa43;text-align: center;color: white;padding: 5px;}
        .noamount{background: #cccccc;text-align: center;color: white;padding: 5px;}
    	.active{background:#f40}
    	
    </style>
</head>
<body>


<div id='header' class="am-g am-topbar-fixed-top" >

	<div  onclick="api.closeWin();"  class="am-u-sm-2" style="margin-top:12px;padding-left: 17px">
		<img  src="images/arr-l.png" style="height: 18px;"/>
	</div> 
	<div class="am-u-sm-8 til" style="margin-top:13px;text-align:center;color:#FFFFFF">
		话费充值
	</div>
	<div class="am-u-sm-2" style="font-size: 20px;margin-top:10px;color:white;text-align:center;">

   </div>
   
</div>

<div class="am-g" style="margin-top: 50px">
	
	<div class="am-u-sm-12" style="margin-top: 10px;">
		<div class="am-u-sm-12" style="margin:0px;padding: 0px;">
			<div class="am-form-icon">
				<i class="am-icon-mobile-phone"></i>
				<input type="tel" name="mobile" id="mobile" class="am-form-field borderradius" placeholder="输入有效手机号">
			</div>
		</div>
		<span id="gsd" style="color:red;margin-top:5px;"></span>
	</div>
	
	<!--面额-->
	<div class="am-u-sm-12" style="margin-top: 10px;">
		<div class="am-u-sm-3" style="padding-left: 0px;">
			<div class="am-u-sm-12 amount active" id="m1" value="30">30元</div>
		</div>
		
		<div class="am-u-sm-3" style="padding: 0px 5px 0px 5px;">
			<div class="am-u-sm-12 amount" id="m2" value="50">50元</div>
		</div>
		
		<div class="am-u-sm-3" style="padding: 0px 5px 0px 5px;">
			<div class="am-u-sm-12 amount" id="m3" value="100">100元</div>
		</div>
		
		<div class="am-u-sm-3" style="padding-right: 0px;">
			<div class="am-u-sm-12 amount" id="m4" value="300">300元</div>
		</div>
		
	</div>
	
	<!--<div class="am-u-sm-12" style="margin-top: 10px;">
		<div class="am-u-sm-3" style="padding-left: 0px;">
			<div class="am-u-sm-12 amount" id="m5">300</div>
		</div>
		
		<div class="am-u-sm-3" style="padding: 0px 5px 0px 5px;">
			<div class="am-u-sm-12 noamount" id="m6">400</div>
		</div>
		
		<div class="am-u-sm-3" style="padding: 0px 5px 0px 5px;">
			<div class="am-u-sm-12 noamount" id="m7">500</div>
		</div>
		
		<div class="am-u-sm-3" style="padding-right: 0px;">
			<div class="am-u-sm-12 noamount" id="m8">1000</div>
		</div>
		
	</div>-->
	
	
	<div class="am-u-sm-12" style="margin-top: 10px;">
		   <div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden">
			    <div class="am-u-sm-2"  style="padding: 4px">
			       <img src="../../image/logo_alipay.png" style="height: 40px"/>
			    </div>
			    
			    <div class="am-u-sm-8"  style="padding: 0px">
			       <div style="line-height: 23px"><label>支付宝</label> </div>
			       <div style="font-size: 12px;">推荐已安装支付宝客户端的用户使用 </div>
			    </div>
			    
			     <div class="am-u-sm-2"  style="padding: 7px 20px;text-align: right">
			        <input class="lui-radio" type="radio" value="支付宝" name="payType" checked >
			    </div>
			    
			</div>
			
			<div class="am-u-sm-12" style="padding:0px;height: 50px;overflow: hidden">
			    <div class="am-u-sm-2"  style="padding: 4px">
			       <img src="../../image/logo_wechatpay.png" style="height: 40px"/>
			    </div>
			    
			    <div class="am-u-sm-8"  style="padding: 0px">
			       <div style="line-height: 23px"><label>微信支付</label> </div>
			       <div style="font-size: 12px;">推荐已安装微信客户端的用户使用 </div>
			    </div>
			    
			     <div class="am-u-sm-2"  style="padding: 7px 20px;text-align: right">
			        <input class="lui-radio" type="radio" value="微信支付" name="payType"  >
			    </div>
			    
			</div>
		
		
	</div>
	
	
	
	<div class="am-u-sm-12" style="margin-top: 10px;">
		<button id="cz_but" onclick="recharge();" type="button" style="border-radius:5px;" class="am-btn-block am-btn am-btn-warning am-btn-sm">
			立即充值
		</button>
	</div>
	
	
	
	
</div>














	
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="js/recharge.js"></script>





</html>